<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="base :: header (title='客户信息')" />
<link th:href="@{plugins/common/css/basemessage.css}" rel="stylesheet" />
<link th:href="@{css/BasicInfo/resetDevice.css}" rel="stylesheet" />
<body>
    <div class="main-content blank_bg">
        <div>
            <div>
                <div class="row" style="margin: 10px;">
                    <div>
                        <div style="margin-bottom: 5px;">
                            <!--div style="float:left">
                                <span class="spanCss">
                                    客户：
                                </span>
                               
                                <input
                                        type="text"
                                        id="fName"
                                        name="fName"
                                        class="form-control clean_C"
                                        style="width: 150px; margin-right: 10px;"
                                >
                                <span class="spanCss">
                                    项目名：
                                </span>
                              
                                <input
                                        type="text"
                                        id="fn"
                                        name="fn"
                                        class="form-control clean_C"
                                        style="width: 150px; margin-right: 10px;"
                                >
                                <span class="spanCss">
                                    地址：
                                </span>
                             
                                <input
                                        type="text"
                                        id="fAddress"
                                        name="fAddress"
                                        class="form-control clean_C"
                                        style="width: 150px; margin-right: 10px;"
                                >
                                <span class="spanCss">
                                    联系人：
                                </span>
                              
                                <input
                                        type="text"
                                        id="fContact"
                                        name="fContact"
                                        class="form-control clean_C"
                                        style="width: 150px; margin-right: 10px;"
                                >
                                <span class="spanCss">
                                    联系方式：
                                </span>
                               
                                <input
                                        type="text"
                                        id="fPhone"
                                        name="fPhone"
                                        class="form-control clean_C"
                                        style="width: 150px; margin-right: 10px;"
                                >
                                <span class="spanCss">
                                    项目经理：
                                </span>
                               
                                <input
                                        type="text"
                                        id="fManager"
                                        name="fManager"
                                        class="form-control clean_C"
                                        style="width: 150px; margin-right: 10px;"
                                >
                                <span class="spanCss">
                                    项目成员：
                                </span>
                              
                                <input
                                        type="text"
                                        id="fEmp"
                                        name="fEmp"
                                        class="form-control clean_C"
                                        style="width: 150px; margin-right: 10px;"
                                >
                            </!--div-->
                            <div style="float:left">
                                <button id="add"
                                        class="btn btn-default"
                                        type="button"
                                        style="margin-left: 10px">
                                    新增项目
                                </button>
                               
<!--                                <button-->
<!--                                    id="query"-->
<!--                                    class="btn btn-default "-->
<!--                                    type="button"-->
<!--                                    style="margin-left: 10px;">-->
<!--                                    查询-->
<!--                                </button>-->
                            </div>
                            <div style="clear:both"></div>
                        </div>
                        <div>
                            <!-- 客户信息表 -->
                            <table id="customerTable" class="table dataTable table-hover"></table>
                        </div>
                        <!--查看供应商账号模态框 start -->
                        <div
                            class="modal fade"
                            id="addSupplerModal"
                            role="dialog"
                            aria-labelledby="myModalLabel"
                            aria-hidden="true"
                            style="background-color: rgba(0, 0, 0, 0.5)"
                            data-backdrop="static">
                            <div class="modal-dialog" style="width: 800px; height: 220px;">
                                <div class="modal-content" style="width: auto;">
                                    <div class="modal-header">
                                        <button
                                            type="button"
                                            class="close"
                                            data-dismiss="modal"
                                            aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="addtitleModal">
                                            查看账号
                                        </h4>
                                    </div>
                                    <div class="modal-body" style="height: auto; padding: 10px;">
                                        <div style="margin-bottom: 5px;">
                                            <div style="float:left">
                                                <button id="addacoount" class="btn btn-default " type="button" style="margin-left: 10px;">添加账号</button>
                                            </div>
                                            <div style="clear:both"></div>
                                        </div>
                                        <div>
                                            <table id="employeesTable" class="table dataTable table-hover">
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 查看供应商模态框 end -->
                        <!--添加账号模态框 start -->
                        <div
                            class="modal fade"
                            id="additSupplerModal"
                            role="dialog"
                            aria-labelledby="myModalLabel"
                            aria-hidden="true"
                            style="background-color: rgba(0, 0, 0, 0.5)"
                            data-backdrop="static">
                            <div class="modal-dialog" style="width: 800px; height: 220px;">
                                <div class="modal-content" style="width: auto;">
                                    <div class="modal-header">
                                        <button
                                            type="button"
                                            class="close"
                                            data-dismiss="modal"
                                            aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="addtitleModal">
                                            添加账号
                                        </h4>
                                    </div>
                                    <div class="modal-body" style="height: auto; padding: 10px;">
                                        <div style="margin-bottom: 5px;">
                                            <div style="float:left">
                                                <span class="spanCss">
                                                    用户名：
                                                </span>
                                                <input
                                                    type="text"
                                                    id="supplierAccount"
                                                    name="supplierAccount"
                                                    class="form-control clean_C"
                                                    style="width: 150px; margin-right: 10px;"
                                                >
                                            </div>
                                            <div style="float:left">
                                                <button id="addcomfirm" class="btn btn-default " type="button" style="margin-left: 10px;">确认</button>
                                                <button type="button" class="btn btn-default " id="addresetting">重置</button>
                                            </div>
                                            <div style="clear:both"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 添加模态框 end -->
                        <div
                            class="modal fade"
                            id="addProjectModal"
                            role="dialog"
                            aria-labelledby="myModalLabel"
                            aria-hidden="true"
                            style="background-color: rgba(0, 0, 0, 0.5)"
                            data-backdrop="static">
                            <div class="modal-dialog" style="width: 600px; height: 220px;">
                                <div class="modal-content" style="width: auto;">
                                    <div class="modal-header">
                                        <button
                                            type="button"
                                            class="close"
                                            data-dismiss="modal"
                                            aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="addtitleModal">
                                            新增项目
                                        </h4>
                                    </div>
                                    <div class="modal-body" style="height: auto; padding: 10px;">
                                        <div style="margin-bottom: 5px;" class='col-sm-offset-2'>
                                            <form class="form-horizontal">
                                                <div class="form-group">
                                                  <label for="inputEmail3" class="col-sm-3 control-label">客户</label>
                                                  <div class="col-sm-6">
                                                    <input autocomplete="off" class="form-control" id="fName" >
                                                  </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="inputEmail3" class="col-sm-3 control-label">项目名</label>
                                                    <div class="col-sm-6">
                                                      <input autocomplete="off" class="form-control" id="fn" >
                                                    </div>
                                                  </div>
                                                  <div class="form-group">
                                                    <label for="inputEmail3" class="col-sm-3 control-label">地址：</label>
                                                    <div class="col-sm-6">
                                                      <input autocomplete="off" class="form-control" id="fAddress">
                                                    </div>
                                                  </div>
                                                  <div class="form-group">
                                                    <label for="inputEmail3" class="col-sm-3 control-label">联系人：</label>
                                                    <div class="col-sm-6">
                                                      <input autocomplete="off" class="form-control" id="fContact" >
                                                    </div>
                                                  </div>
                                                  <div class="form-group">
                                                    <label for="inputEmail3" class="col-sm-3 control-label">联系方式：</label>
                                                    <div class="col-sm-6">
                                                      <input autocomplete="off" class="form-control" id="fPhone" >
                                                    </div>
                                                  </div>
                                                  <div class="form-group">
                                                    <label for="inputEmail3" class="col-sm-3 control-label">项目经理：</label>
                                                    <div class="col-sm-6">
                                                        <select id="procedureM" name="procedureM" data-width="auto" class="selectpicker procedureM" data-live-search="true">
                                                        </select>
                                                    </div>
                                                  </div>
                                                  <div class="form-group">
                                                    <label for="inputEmail3" class="col-sm-3 control-label">项目成员：</label>
                                                    <div class="col-sm-6">
                                                        <select id="procedureE2" name="procedureE" data-width="auto" class="selectpicker procedureE" data-live-search="true">
                                                        </select>
                                                    </div>
                                                  </div>

                                            </form>
                                            <div class='col-sm-offset-2'>
                                                <button id="addProject" class="btn btn-default " type="button" style="margin-left: 10px;">提交</button>
                                                <button type="button" class="btn btn-default " id="resetProject">重置</button>
                                            </div>
                                            <div style="clear:both"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div
                            class="modal fade"
                            id="addEmpModal"
                            role="dialog"
                            aria-labelledby="myModalLabel"
                            aria-hidden="true"
                            style="background-color: rgba(0, 0, 0, 0.5)"
                            data-backdrop="static">
                            <div class="modal-dialog" style="width: 600px; height: 220px;">
                                <div class="modal-content" style="width: auto;">
                                    <div class="modal-header">
                                        <button
                                            type="button"
                                            class="close"
                                            data-dismiss="modal"
                                            aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="addtitleModal">
                                            添加项目成员
                                        </h4>
                                    </div>
                                    <div class="modal-body" style="height: auto; padding: 10px;">
                                        <div style="margin-bottom: 5px;">
                                            
                                            <form class="form-horizontal">
                                                <div class='form-group'>
                                                    <label for="inputEmail3" class="col-sm-3 control-label">选择项目</label>
                                                    <div class="col-sm-6">
                                                        <input type="email" class="form-control" id="selectedProject" readonly='readonly'>
                                                    </div>
                                                    
                                                </div>
                                                <div class="form-group">
                                                    <label for="inputEmail3" class="col-sm-3 control-label">新增成员</label>
                                                    <div class="col-sm-6">
                                                        <select id="procedureE" name="procedureE" data-width="auto" class="selectpicker procedureE" data-live-search="true">
                                                        </select>
                                                    </div>
                                                </div>
                                            </form>
                                           
                                            <div class='col-sm-offset-2'>
                                                <button id="addEmp" class="btn btn-default " type="button" style="margin-left: 10px;">确认</button>
                                                <button type="button" class="btn btn-default " id="resetEmp">重置</button>
                                            </div>
                                            <div style="clear:both"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div th:include="base :: bottom"></div>
    <div th:include="base :: bootstrapTable"></div>
    <div th:include="base :: bootstrapTable-eidt" />
    <div th:include="base :: others"></div>

    <script th:src="@{js/BasicInfo/customerInfo.js}"></script>
</body>
</html>